<template>
	 <div>
		 <div>
		 	 <text class="station-name" >{{station.siteName}}</text>
		 </div>
		 <div>
		     <text class="station-name">{{station.companyName}}</text>
		 </div>
		 <div style="flex-direction:row; white-space:normal;">
		     <text class="station-style">级别：</text>   <text class="station-style">{{station.controlLevel}}</text>
			 <text class="station-style">区域：</text>   <text class="station-style">{{station.region}}</text>
		     <text class="station-style">属性：</text>  <text class="station-style">{{station.nature}}</text>
		 </div>
		 <div style="height:3px;width:720px; margin-top:10px; background-color:rgb(48,48,48);">
                      </div>
	 </div>
	 
</template>

<style>

     .station-name{
		 font-size:35px;
		 color:block;
	 }
     .station-style {
         font-size:30px; 
		 color:gray;
	 }
	
</style>

<script>
  
  export default {
          props:
		   [
           'station'
		   ]
  }
</script>
